<%@page import="HotelRecommend.TouristHotelRecommend"%>
<%@page import="HotelRecommend.HotelSearch"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%@ page import="java.util.List"%>
<%@ page import="HotelRecommend.hotel"%>
<%-- <%@ page import="JDBC.JdbcUtils"%> --%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!--[if lte IE 8]>              <html class="ie8 no-js" lang="en">     <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="not-ie no-js" lang="en">
<!--<![endif]-->
<%
    request.setCharacterEncoding("utf-8");
    response.setCharacterEncoding("utf-8");
%>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<title>餐饮</title>
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" href="images/favicon.ico">
<link rel="stylesheet" href="css/style.css" media="screen" />
<link rel="stylesheet" href="fancybox/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/InfoList/info.css">
<!-- HTML5 Shiv + detect touch events -->
<script src="js/modernizr.custom.js"></script>
<link rel="stylesheet" type="text/css" href="css/list.css">
<link rel="stylesheet" type="text/css" href="hotel/css//manhuaDate.1.0.css">
<script type="text/javascript" src="hotel/js/jquery-1.5.1.js"></script>
<!--日期控件，JS库版本不能过高否则tab会失效-->
<script type="text/javascript" src="hotel/js/datejs.js"></script>
<script type="text/javascript" src="hotel/js/ui.tab.js"></script>
<script type="text/javascript" src='js/sort.js'></script>
<script type="text/javascript">
    $(function () {
        $("input.mh_date").datejs({
            Event: "click",//可选				       
            Left: 0,//弹出时间停靠的左边位置
            Top: -16,//弹出时间停靠的顶部边位置
            fuhao: "-",//日期连接符默认为-
            isTime: false,//是否开启时间值默认为false
            beginY: 2010,//年份的开始默认为1949
            endY: 2015
        //年份的结束默认为2049    
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function (e) {
        $("#selectList").find(".more").toggle(function () {
            $(this).addClass("more_bg");
            $(".more-none").show()
        }, function () {
            $(this).removeClass("more_bg");
            $(".more-none").hide()
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function () {
        var taboy_box = $(".lefttable-list");
        taboy_box.children("tbody").find("tr:gt(2)").hide();
        $(".leftbox-morea").toggle(function () {
            $(this).parent().prev().find("tr").show();
            $(this).addClass("more-i")
        }, function () {
            $(this).removeClass("more-i");
            $(this).parent().prev().children("tbody").find("tr:gt(2)").hide();
        });
    });
</script>
<script type="text/javascript">
    function submitFun(act) {
        myForm.sort.value = act;
        document.forms[0].target = "rfFrame";
        myForm.submit();
    }
</script>
<style type="text/css">
/* body {
	background-image:
		url("image/bg_last.jpg");
	background-size: cover;
} */
.conl {
    width: 129.5px;
    float: left;
    background-color: gray;
}

.conr {
    width: 129.5px;
    float: right;
    background-color: gray;
}

#fixed-header-slide {
    width: 1100px;
    height: 52px;
    background: #cce6e6;
    border-bottom: solid 0px #CCC;
    position: fixed;
    top: 0px;
    z-index: 2;
}
</style>
</head>
<body class="liquid light">
    <div id="wrapper">
        <section class="container">
        <form name="myForm1" id="restrandRecommend" action="RestrantRecommendServlet" method="post"
            style="position: fixed; margin: 0 auto; width: 100%; z-index: 2;">
            <div id="fixed-header-slide">
                <div class="content-wrapper clearfix">
                    <header class="page-header clearfix">
                    <h1>排序</h1>
                    <ul id="portfolio-filter">
                        <li>
                            <a name="sort" id="不限" value="不限" onclick="submitFun('不限');">
                                <input name="sort" type="radio" value="不限" autocomplete="off" style="display: none">
                                <font color="black"></font>
                                <strong>不限</strong>
                            </a>
                        </li>
                        <li>
                            <a name="sort" id="用户推荐" value="用户推荐" onclick="submitFun('用户推荐');">
                                <input name="sort" type="radio" value="用户推荐" autocomplete="off" style="display: none">
                                用户推荐
                            </a>
                        </li>
                        <li>
                            <a href='#'
                                style="background: url('image/jiang (1).jpg') no-repeat; background-position: 65px">价格
                            </a>
                            <ul class="one"
                                style="display: none; top: 10px; width: 120px; height: 40px; background: rgb(215, 240, 249); border: 1px solid #000;">
                                <li>
                                    <a name="sort" id="价格" value="价格" onclick="submitFun('价格');">
                                        <input name="sort" type="radio" value="价格" autocomplete="off"
                                            style="display: none">
                                        价格从低到高
                                    </a>
                                </li>
                                <li>
                                    <a href="#">价格从高到低</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a name="sort" id="评分" value="评分" onclick="submitFun('评分');">
                                <input name="sort" type="radio" value="评分" autocomplete="off" style="display: none">
                                评分
                            </a>
                        </li>
                        <li>
                            <a name="sort" id="人气" value="人气" onclick="submitFun('人气');">
                                <input name="sort" type="radio" value="人气" autocomplete="off" style="display: none">
                                人气
                            </a>
                        </li>
                    </ul>
                    </header>
                </div>
            </div>
        </form>
        <!-- ***************** - Header Top - ***************** --> </section>
        <div id="header-top" class="clearfix"></div>
        <!--/ #header-top-->

        <!-- ***************** - END Header Top - ***************** -->


        <!-- ***************** - Container - ***************** -->
        <section class="conl"></section>
        <section class="container" style="position: relative;z-index: 3;background: #cbe3f5"> <!-- ***************** - Header - ***************** -->
        <header id="header" class="clearfix" style="background: rgba(214, 228, 239, 0);z-index:3;">

        <div id="logo">
            <h1>
                <a href="index.html">智慧旅游</a>
            </h1>
            <div class="slogan">
                <span>位置【桂林】</span>
            </div>
            <!--/ .slogan-->
        </div>
        <!--/ #logo--> <nav id="navigation" class="navigation">
        <ul>
            <li class="current">
                <a href="index.jsp">
                    <font size='4'>
                        <b>首页</b>
                    </font>
                </a>
            </li>
            <!-- <li class="current"><a href="#t1"><font size='3'><b>智能景点推荐</b>
							</font> </a></li> -->
            <li class="current">
                <a href="foods.jsp">
                    <font size='3'>
                        <b>智能餐饮推荐</b>
                    </font>
                </a>
            </li>
            <li class="current">
                <a href="hotel.jsp">
                    <font size='3'>
                        <b>智能酒店推荐</b>
                    </font>
                </a>
            </li>
            <li>
                <a href="zhuye.jsp">
                    <font size='3'>
                        <b>智慧推荐服务</b>
                    </font>
                </a>
            </li>
            <li>
                <a href="contacts.html">登录 </a>
                &nbsp;|&nbsp;
                <a href="contacts.html">注册</a>
            </li>
        </ul>
        </nav> <!--/ #navigation--> </header><!--/ #header--> <!-- **************** - end Header - **************** -->

        <form name="myForm" id="hotelRecommend" action="HotelRecommendServlet" method="post"
            style="position: relative; z-index: 3; background: #cce6e6">
            <div class="w1200">
                <div class="list-screen">
                    <!-- 	<div class="screen-top" style="position: relative;">
					<span>目的地<input id="txtadress" type="text"></span><span>入住<input
						type="text" class="mh_date" readonly="true"></span><span>酒店位置<input
						type="text" class="ju-adress"></span><span>酒店名称<input
						type="text" class="ju-name"></span><a href="" id="submit-btn">搜索</a>
				</div> -->

                    <div class="screen-term">
                        <div class="selectNumberScreen">
                            <div id="selectList" class="screenBox screenBackground">
                                <dl class=" listIndex" attr="terminal_wz_s">
                                    <dt>酒店位置</dt>
                                    <dd>
                                        <div style="padding: 10px 30px 10px 10px;">
                                            <div class="screen-address">
                                                <div class="list-tab">
                                                    <div id="demo1" class="clearfix">
                                                        <div class="ui-tab-container">
                                                            <ul class="clearfix ui-tab-list">
                                                                <label>
                                                                    <a href="javascript:;" values2="" values1=""
                                                                        attrval="不限">
                                                                        <input name="distinct" type="text" value="不限"
                                                                            style="display: none" />
                                                                        不限
                                                                    </a>
                                                                </label>
                                                                <li class="actived">行政区</li>
                                                                <li>商业区</li>
                                                            </ul>
                                                            <div class="ui-tab-bd">
                                                                <div class="ui-tab-content clearfix current">
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="秀峰区" />
                                                                            <a href="javascript:;" attrval="android">秀峰区</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="象山区" />
                                                                            <a href="javascript:;" attrval="android">象山区</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="七星区" />
                                                                            <a href="javascript:;" attrval="android">七星区</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="叠彩区" />
                                                                            <a href="javascript:;" attrval="android">叠彩区</a>
                                                                        </label>
                                                                    </p>

                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="雁山区" />
                                                                            <a href="javascript:;" attrval="android">城中心—象鼻山、两江四湖</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="临桂区" />
                                                                            <a href="javascript:;" attrval="android">临桂区</a>
                                                                        </label>
                                                                    </p>
                                                                </div>
                                                                <div class="ui-tab-content clearfix">
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="城中心—象鼻山、两江四湖" />
                                                                            <a href="javascript:;" attrval="android">城中心—象鼻山、两江四湖</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="会展中心-七星公园景区" />
                                                                            <a href="javascript:;" attrval="android">会展中心-七星公园景区</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="火车北站、西站-汽车北站商圈" />
                                                                            <a href="javascript:;" attrval="android">火车北站、西站-汽车北站商圈</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="火车南站、汽车总站、琴潭汽车站商圈" />
                                                                            <a href="javascript:;" attrval="android">火车南站、汽车总站、琴潭汽车站商圈</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="芦笛岩-西山公园风景区" />
                                                                            <a href="javascript:;" attrval="android">芦笛岩-西山公园风景区</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="万达广场-高新区商圈" />
                                                                            <a href="javascript:;" attrval="android">万达广场-高新区商圈</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="临桂新区-两江机场商圈" />
                                                                            <a href="javascript:;" attrval="android">临桂新区-两江机场商圈</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="万福广场-玉圭园商圈" />
                                                                            <a href="javascript:;" attrval="android">万福广场-玉圭园商圈</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="雁山大学城商圈" />
                                                                            <a href="javascript:;" attrval="android">雁山大学城商圈</a>
                                                                        </label>
                                                                    </p>
                                                                    <p>
                                                                        <label>
                                                                            <input name="distinct" type="checkbox"
                                                                                value="尧山景区-电子科大商圈" />
                                                                            <a href="javascript:;" attrval="android">尧山景区-电子科大商圈</a>
                                                                        </label>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <script type="text/javascript" src="hotel/js/ui.tab.js"></script>
                                                </div>
                                            </div>
                                        </div>
                                    </dd>
                                </dl>

                                <dl class=" listIndex" attr="terminal_os_s">
                                    <dt>酒店星级</dt>
                                    <dd>
                                        <label>
                                            <a href="javascript:;" attrval="不限">
                                                <input name="star" type="text" value="不限" style="display: none" />
                                                不限
                                            </a>
                                        </label>
                                        <label>
                                            <input name="star" type="checkbox" value="五星/豪华" autocomplete="off">
                                            <a href="javascript:;" attrval="symbian">五星/豪华</a>
                                        </label>
                                        <label>
                                            <input name="star" type="checkbox" value="四星/高档" autocomplete="off">
                                            <a href="javascript:;" attrval="symbian">四星/高档</a>
                                        </label>
                                        <label>
                                            <input name="star" type="checkbox" value="三星/舒适" autocomplete="off">
                                            <a href="javascript:;" attrval="">三星/舒适</a>
                                        </label>
                                        <label>
                                            <input name="star" type="checkbox" value="经济/客栈" autocomplete="off">
                                            <a href="javascript:;" attrval="">经济/客栈</a>
                                        </label>
                                    </dd>
                                </dl>
                                <dl class="listIndex" attr="terminal_brand_s">
                                    <dt>酒店特色</dt>
                                    <dd>
                                        <label>
                                            <a href="javascript:;" attrval="不限">
                                                <input name="label" type="text" value="不限" style="display: none" />
                                                不限
                                            </a>
                                        </label>
                                        <label>
                                            <input name="label" type="checkbox" value="休闲度假" autocomplete="off">
                                            <a href="javascript:;" attrval="symbian">休闲度假</a>
                                        </label>
                                        <label>
                                            <input name="label" type="checkbox" value="亲子时刻" autocomplete="off">
                                            <a href="javascript:;" attrval="symbian">亲子时刻</a>
                                        </label>
                                        <label>
                                            <input name="label" type="checkbox" value="浪漫情侣" autocomplete="off">
                                            <a href="javascript:;" attrval="">浪漫情侣</a>
                                        </label>
                                        <label>
                                            <input name="label" type="checkbox" value="商务出行" autocomplete="off">
                                            <a href="javascript:;" attrval="">商务出行</a>
                                        </label>
                                        <label>
                                            <input name="label" type="checkbox" value="公寓" autocomplete="off">
                                            <a href="javascript:;" attrval="symbian">公寓</a>
                                        </label>
                                        <label>
                                            <input name="label" type="checkbox" value="复式LOFT" autocomplete="off">
                                            <a href="javascript:;" attrval="symbian">复式LOFT</a>
                                        </label>
                                        <label>
                                            <input name="label" type="checkbox" value="精品酒店" autocomplete="off">
                                            <a href="javascript:;" attrval="">精品酒店</a>
                                        </label>
                                        <label>
                                            <input name="label" type="checkbox" value="老饭店" autocomplete="off">
                                            <a href="javascript:;" attrval="">老饭店</a>
                                        </label>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="hasBeenSelected clearfix">
                    <div style="float: right;" class="eliminateCriteria">【清空全部】</div>
                    <dl>
                        <dt>已选条件：</dt>
                        <dd style="" class="clearDd">
                            <div class="clearList"></div>
                        </dd>
                    </dl>
                </div>
                <script type="text/javascript" src="hotel/js/shaixuan.js"></script>
            </div>

            <div class="content-wrapper clearfix">
                <header class="page-header clearfix">
                <h1>排序</h1>
                <ul id="portfolio-filter">
                    <li>
                        <a name="sort" id="不限" value="不限" onclick="submitFun('不限');">
                            <input name="sort" type="radio" value="不限" autocomplete="off" style="display: none">
                            <font color="black"></font>
                            <strong>不限</strong>
                        </a>
                    </li>
                    <li>
                        <a name="sort" id="用户推荐" value="用户推荐" onclick="submitFun('用户推荐');">
                            <input name="sort" type="radio" value="用户推荐" autocomplete="off" style="display: none">
                            用户推荐
                        </a>
                    </li>
                    <li>
                        <a href='#' style="background: url('image/jiang (1).jpg') no-repeat; background-position: 65px">价格
                        </a>
                        <ul class="one"
                            style="display: none; top: 10px; width: 120px; height: 40px; background: rgb(215, 240, 249); border: 1px solid #000;">
                            <li>
                                <a name="sort" id="价格" value="价格" onclick="submitFun('价格');">
                                    <input name="sort" type="radio" value="价格" autocomplete="off" style="display: none">
                                    价格从低到高
                                </a>
                            </li>
                            <li>
                                <a href="#">消费从高到低</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a name="sort" id="评分" value="评分" onclick="submitFun('评分');">
                            <input name="sort" type="radio" value="评分" autocomplete="off" style="display: none">
                            评分
                        </a>
                    </li>
                    <li>
                        <a name="sort" id="人气" value="人气" onclick="submitFun('人气');">
                            <input name="sort" type="radio" value="人气" autocomplete="off" style="display: none">
                            人气
                        </a>
                    </li>
                </ul>
                </header>
            </div>
        </form>
        </section>
        <section class="container" style="background:rgba(160, 222, 236, 0.27)">
        <div class="tab-content">
            <ul class="small-thumb">
                <%
                    List<hotel> hotels = (List) request.getAttribute("hotels");
                			if (hotels == null) {
                				List<String> feature = new ArrayList<String>();
                				List<String> district = new ArrayList<String>();
                				List<String> star = new ArrayList<String>();
                				String sort = "不限";
                				HotelSearch hotelsearch = new HotelSearch(feature, district, star, sort);
                				List<hotel> hotel1 = new TouristHotelRecommend(hotelsearch).doTouristHotelRecommed();
                				for (hotel h : hotel1) {
                %>
                <li>
                    <a href="<%=h.getHotelurl()%>">
                        <img class="shop" src="<%=h.getImgurl()%>" alt="" width=150 height=120 border=0 />
                    </a>
                    <div class="entry">
                        <h6>
                            <a href="<%=h.getHotelurl()%>"><%=h.getHotelname()%></a>
                        </h6>
                        <div class="shopinfo">
                            <a class="post-date">
                                <span>人均消费</span>
                                |
                                <b><%=h.getPrice()%>元
                                </b>
                                &nbsp&nbsp
                                <span>评分</span>
                                |
                                <b><%=(int) h.getRating()%></b>
                            </a>
                            <a class="post-date">
                                <br>
                                <b><%=h.getLabel()%></b>
                                &nbsp&nbsp
                                <b><%=h.getRecommend() * 100%></b>
                                %用户推荐
                                <br>
                                <span>源自</span>
                                <b><%=h.getComment()%></b>
                                位顾客点评
                            </a>
                        </div>
                        <!--/ .entry-meta-->

                        <!--/ .entry-meta-->
                        <!--/ .entry-meta-->
                        <div class="shop">
                            <a class="post-date">
                                <span>详细地址</span>
                                |
                                <%=h.getAdress()%>【<%=h.getBusinessarea()%>】
                            </a>
                        </div>
                        <!--/ .entry-meta-->
                    </div>
                    <!--/ .entry-->
                    <div class="clear"></div>
                </li>
                <%
                    }
                			} else
                				for (hotel h : hotels) {
                %>
                <li>
                    <a href="<%=h.getHotelurl()%>">
                        <img class="shop" src="<%=h.getImgurl()%>" alt="" width=150 height=120 border=0 />
                    </a>
                    <div class="entry">
                        <h6>
                            <a href="<%=h.getHotelurl()%>"><%=h.getHotelname()%></a>
                        </h6>
                        <div class="shopinfo">
                            <a class="post-date">
                                <span>人均消费</span>
                                |
                                <b><%=h.getPrice()%>元
                                </b>
                                &nbsp&nbsp
                                <span>评分</span>
                                |
                                <b><%=(int) h.getRating()%></b>
                            </a>
                            <a class="post-date">
                                <br>
                                <b><%=h.getLabel()%></b>
                                &nbsp&nbsp
                                <b><%=h.getRecommend() * 100%></b>
                                %用户推荐
                                <br>
                                <span>源自</span>
                                <b><%=h.getComment()%></b>
                                位顾客点评
                            </a>
                        </div>
                        <!--/ .entry-meta-->

                        <!--/ .entry-meta-->
                        <!--/ .entry-meta-->
                        <div class="shop">
                            <a class="post-date">
                                <span>详细地址</span>
                                |
                                <%=h.getAdress()%>【<%=h.getBusinessarea()%>】
                            </a>
                        </div>
                        <!--/ .entry-meta-->
                    </div>
                    <!--/ .entry-->
                    <div class="clear"></div>
                </li>
                <%
                    }
                %>
            </ul>
        </div>
        </section>
        <!--/ .container-->

        <!-- *************** - end Container - *************** -->

        <!-- ************ - Footer Bottom - ************ -->

        <!-- ************ - end Footer - ************ -->
        <section class="conr"></section>
    </div>
    <!--/ #wrapper-->

    <script type="text/javascript">
                    $(function () {
                        $("#portfolio-filter a").click(function () {
                            var curCat = $(this).data("cat");
                            $.post("hotel.jsp", function (data) {
                            });
                        });
                    });
                </script>
    <script>
                    !window.jQuery && document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')
                </script>
    <!--[if lt IE 9]>
	<script src="js/selectivizr-and-extra-selectors.min.js"></script>
	<script src="../../ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->
    <script src="js/respond.min.js"></script>
    <script src="js/jquery.easing-1.3.min.js"></script>
    <script src="fancybox/jquery.fancybox.pack.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/custom.js"></script>
</body>
</html>
